<template>
  <Form ref="form" :model="form" :rules="rules" label-position="top" v-if="form.remark" style="padding-top: 16px;">
    <Row :gutter="24">
      <Col span="6">
        <FormItem :label="$t('驳回人')" prop="approvalByStr">
<!--          <Input disabled clearable type="text" v-model="form.approvalByStr" :placeholder="$t('请输入')"/>-->
          <p class="breakSpaces">{{form.approvalByStr}}</p>
        </FormItem>
      </Col>
      <Col span="6">
        <FormItem :label="$t('驳回时间')">
          <!--          <Input disabled clearable type="text" v-model="form.approvalTime" :placeholder="$t('请输入')"></Input>-->
          <p class="breakSpaces">{{form.approvalTime}}</p>
        </FormItem>
      </Col>
      <Col span="12">
        <FormItem :label="$t('驳回原因')">
<!--          <Input disabled clearable type="text" v-model="form.remark"-->
<!--                 :placeholder="$t('请输入')"></Input>-->
          <p class="breakSpaces">{{form.remark}}</p>
        </FormItem>
      </Col>

    </Row>
  </Form>
</template>

<script>
import mixins from "@/views/devBasic/capex/components/mixins";

export default {
  name: "reject",
  mixins: [mixins],
  props: {
    info: {
      type: Object,
      default: () => {
      }
    },
    disabled: {
      type: Boolean,
      default: false
    },
    rejectFlows: {
      type: Object,
      default: () => {
      }
    }
  },
  data() {
    return {
      toggle: true,
      form: {},
      rules: {}
    }
  },
  created() {
    if (this.rejectFlows && this.rejectFlows.approvalRemark)
    {
      const {approvalTime, approvalByStr, approvalRemark} = this.rejectFlows
      this.form = Object.assign(this.form, {
        remark:approvalRemark,
        approvalTime,
        approvalByStr
      })
      this.$forceUpdate()
    }
  },
  methods: {}
}
</script>

<style scoped lang="scss">
@import "./style";
</style>

